﻿<%@ Page Title="" Language="C#" MasterPageFile="~/postioin.Master" AutoEventWireup="true" CodeBehind="proDing.aspx.cs" Inherits="WebApplication1.proDing" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <form id="form1" runat="server">
    <style>
        article {
            margin:0px auto;
            width:80%;
        }
        #count {
            float:left;
            width:80%;
        }
        #T {
            width:100%;
            height:40px;
            line-height:40px;
        }
        #main {
            position:relative;
            width:100%;
            height:500px;
            margin-bottom:2%;
        }
        #Img {
            position:absolute;
            top:0px;
            left:-40px;
        }
        #pic {
            float:left;
            width:60%;
            height:100%;
            background-image:url("img/demo-work.png");
            background-size:100% 100%;
        }
        #txt {
            float:left;
            width:40%;
            height:100%;
            background-color:#e2dada;
        }
        .top {
            width:100%;
            height:20%;
            background-color:#d45380;
            color:#fff;
            
        }
        .center {
            line-height:35px;
            height:50%;
            margin-left:15%;

        }
        .bottom {
            width:100%;
            height:30%;
            text-align:center;
            /*line-height:50px;*/
           
        }
        /*#t1 {
            position:relative;
        }*/
        #text1 {
            position:absolute;
            width:20%;
            top:74%;
            left:70%;
            color:#fff;
        }
        #text2 {
            position:absolute;
            width:20%;
            top:74%;
            left:78.5%;
            color:#fff;
        }
        .title {
            width:100%;
            height:30px;
            margin-bottom:2%;
        }
        .tit {
            float:left;
            width:20%;
            height:100%;
            line-height:30px;
            text-align:center;
            color:#fff;
            background-color:#4e7cd0;
        }
        .line {
            height:50%;
            border-bottom:2px solid #e2dada;
        }
        #tirps {
            width:100%;
            height:400px;
        }
            #tirps > span {
              
                color:red;
            }
        #down {
            width:15px;
            width:15px;
        }
        #up {
            width:15px;
            width:15px;
            transform:rotate(180deg);
        }
        #box {
            width:70%;
            height:500px;
            background-image:url("img/demo-work.png");
            background-size:100% 100%;
            margin-bottom:12%;
        }
        #ui {
            float:left;
            width:20%;
            height:1400px;
            background-color:#e2dada;
        }
        #Titl {
            margin-top:5%;
            width:100%;
            margin-bottom:5%;
        }
        #rectangle {
            margin-left:-7px;
            width:20px;
            transform:rotate(90deg);
        }
        .Bbox {
            margin:0px auto;
            width:90%;
            height:300px;
            background-color:red;
            margin-bottom:3%;
        }
        .up {
            position:relative;
            width:100%;
            height:70%;
            background-image:url("img/demo-right.jpg");
            background-size:100% 100%;
            background-repeat:no-repeat;

        }
        .spic {
            position:absolute;
            bottom:0px;
            right:0px;
            
            background-repeat:no-repeat;
            z-index:99;
        }
        .stxt {
            color:#fff;
            position:absolute;
            bottom:10px;
            right:20px;
        }
        .down {
            width:100%;
            height:30%;
            background-color:#fff;
            text-align:center;
            line-height:30px;
        }
        .dtitle > a {
            text-decoration:none;
            color:#000;
        }
            .dtitle > a:hover {
                color:#4e7cd0;
            }
        .dlogo {
            color:#c4c4c4;
        }
    </style>
    <article>
        <div id="count">
        <div id="T">
            <img src="img/icon-home.png" />主页>资讯中心

        </div>
        <div id="main">
            <div id="Img">
                <img src="img/article-work-label.jpg" /></div>
            <div id="pic">
                </div>
            <div id="txt">
                <div class="top"><h2>&nbsp;重庆大美长江三峡游轮股份有限公司LOGO设计</h2></div>
                <div class="center">
                    发布时间:&nbsp;2012-1224<br />
                    发布单位:&nbsp;CCTV<br />
                    建议金额:&nbsp;腾讯<br />
                    建议规模:&nbsp;XXXX<br />
                    规定时间:&nbsp;7天<br />
                </div>
      <div class="bottom">
          <img src="img/btn-download-h.png" />
          <img src="img/btn-downlaod-n.png" id="t1"/>
          <span id="text1">项目<br />下载</span>
          <img src="img/btn-downlaod-n.png" id="t2"/>
          <span id="text2">项目<br />素材</span>
      </div>
            </div>
            <div style="clear:both;"></div>
        </div>
        <div class="title">
            <div class="tit">项目说明</div>
            <div class="line"></div>
            <div style="clear:both;"></div>
        </div>
        <div id="tirps">
            <h4>具体要求:</h4><br />
            <p>征集重庆黔江旅游形象标志</p><br />
            <h4>一、背景介绍</h4><br />
            <p>为进一步健全完善黔江旅游主题口号和形象标识，以直观、生动、易记的方式向海内外的游客展示黔江特色，宣传黔江旅游品牌，特将相关口号面向大众进行评选活动，同步进行社会有奖征集活动</p><br />
            <h4>二、征集要求</h4><br />

            <span>显示全文&nbsp;<img src="img/flag.png" id="down"/></span><br /><br />
            <span>收起&nbsp;<img src="img/flag.png" id="up"/></span>

        </div>
        <div class="title">
            <div class="tit">项目展示</div>
            <div class="line"></div>
            <div style="clear:both;"></div>
        </div>
        <div id="box"></div>
            </div>
        <div id="ui">
            <div id="Titl">
                <img src="img/index-btn-n.png" id="rectangle"/>
                热门项目</div>


            <div class="Bbox">
                <div class="up">
                    <div class="spic">
                        <img src="img/index-btn.png" />
                        <div class="stxt">UI设计</div>
                    </div>
                    
                </div>
                <div class="down">
                    <div class="dtitle"><a href="">[UI设计]湖南驾考弹出窗</a></div>
                    <div class="dlogo">
                        <img src="img/icon-time.png" />
                        2015-12-12

                        <img src="img/icon-view.png" />
                        999
                    </div>
                </div>
            </div>
            <div class="Bbox">
                <div class="up">
                    <div class="spic">
                        <img src="img/index-btn.png" />
                        <div class="stxt">UI设计</div>
                    </div>
                    
                </div>
                <div class="down">
                    <div class="dtitle"><a href="proList.aspx">[UI设计]湖南驾考弹出窗</a></div>
                    <div class="dlogo">
                        <img src="img/icon-time.png" />
                        2015-12-12

                        <img src="img/icon-view.png" />
                        999
                    </div>
                </div>
            </div>
            <div class="Bbox">
                <div class="up">
                    <div class="spic">
                        <img src="img/index-btn.png" />
                        <div class="stxt">UI设计</div>
                    </div>
                    
                </div>
                <div class="down">
                    <div class="dtitle"><a href="proList.aspx">[UI设计]湖南驾考弹出窗</a></div>
                    <div class="dlogo">
                        <img src="img/icon-time.png" />
                        2015-12-12

                        <img src="img/icon-view.png" />
                        999
                    </div>
                </div>
            </div>
            <div class="Bbox">
                <div class="up">
                    <div class="spic">
                        <img src="img/index-btn.png" />
                        <div class="stxt">UI设计</div>
                    </div>
                    
                </div>
                <div class="down">
                    <div class="dtitle"><a href="proList.aspx">[UI设计]湖南驾考弹出窗</a></div>
                    <div class="dlogo">
                        <img src="img/icon-time.png" />
                        2015-12-12

                        <img src="img/icon-view.png" />
                        999
                    </div>
                </div>
            </div>
        </div>
        <div style="clear:both;"></div>
    </article>
    </form>
</asp:Content>